<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	
	<!-- Remove this line if you use the .htaccess -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<meta name="viewport" content="width=device-width">
	
	<meta name="description" content="Designa Studio, a HTML5 / CSS3 template.">
	<meta name="author" content="Sylvain Lafitte, Web Designer, sylvainlafitte.com">
	
	<title>HOME // Designa Studio</title>
	
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	<link rel="shortcut icon" type="image/png" href="favicon.png">
	
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="res/css/style.css">
</head>

<body>
<div class="container">

	<header id="navtop">
		<a href="index.html" class="logo fleft">
			<img src="res/img/logo.png" alt="Designa Studio">
		</a>
		
		<nav class="fright">
			<ul>
				<li><a href="index.html" class="navactive">Home</a></li>
				<li><a href="about.html">About</a></li>
			</ul>
			<ul>
				<li><a href="works.html">Works</a></li>
				<li><a href="applications.html">Applications</a></li>
				<li><a href="services.html">Services</a></li>
			</ul>
			<ul>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</nav>
	</header>


<div class="home-page main">
	<section class="grid-wrap" >
		
		<div class="grid col-one-half mq2-col-full">
			<sub>noun  informal</sub>
			<ol>
				<li><p>a person or thing regarded as useless or unable to cope.</p></li>
				<li><p>It makes reference in the form of a parabola to someone who has lost his mental health and has no cure.</p></li>
			</ol>
			<hr /><p>Some characteristics of a basketcase include emotional instability, weirdness, and constant isolation from mainstream society. A basketcase is often independent and isolationist, in other words, anti-social.</p>
			<sub>Word Origin: </sub><p>It is said that people without cure to a mental disease used to be sent to a mental health care facility for life where they would manufacture baskets for the rest of their lives.</p>
		</div>
			
	
		 <div class="slider grid col-one-half mq2-col-full">
		   <div class="flexslider">
		     <div class="slides">
				<div class="slide"><figure><img src="res/img/img.jpg" alt=""><figcaption><a href="work1.html" class="arrow">Caffeine Calculator</a></figcaption></figure></div>
				<div class="slide"><figure><img src="res/img/img.jpg" alt=""></figure></div>
			</div>
		</div>
	</div>
		
		 </section>
	
<section class="works grid-wrap">
	<header class="grid col-full">
			<hr>
			<p class="fleft">Works</p>
			<a href="works.html" class="arrow fright">see more of my projects</a>
		</header>
	
			<figure class="grid col-one-quarter mq2-col-one-half">
				<a href="#">
				<img src="res/img/search.jpg" alt="">
				<span class="zoom"></span>
				</a>
				<figcaption>
					<a href="#" class="arrow">Search Engine</a>
					<p>Web Services, PHP, and jQuery</p>
				</figcaption>
			</figure>
		
			<figure class="grid col-one-quarter mq2-col-one-half">
				<a href="#">
				<img src="res/img/sports.jpg" alt="">
				<span class="zoom"></span>
				</a>
				<figcaption>
					<a href="#" class="arrow">Sports Modelling</a>
					<p>Data Mining and Adv Deviation calcs</p>
				</figcaption>
			</figure>
		
			<figure class="grid col-one-quarter mq2-col-one-half">
				<a href="work1.html">
				<img src="res/img/psl.jpg" alt="">
				<span class="zoom"></span>
				</a>
				<figcaption>
					<a href="work1.html" class="arrow">Caffeine Calculator</a>
					<p>jQuery and Html5</p>
				</figcaption>
			</figure>

			<figure class="grid col-one-quarter mq2-col-one-half">
				<a href="#">
				<img src="res/img/bcase350.jpg" alt="">
				<span class="zoom"></span>
				</a>
				<figcaption>
					<a href="#" class="arrow">Project BC</a>
					<p>To be continued...</p>
				</figcaption>
			</figure>
	</section>

	</div> <!--main-->

<div class="divide-top">
	<footer class="grid-wrap">
		<ul class="grid col-one-third social">
			<li><a href="#">RSS</a></li>
			<li><a href="#">Facebook</a></li>
			<li><a href="#">Twitter</a></li>
			<li><a href="#">Google+</a></li>
			<li><a href="#">Flickr</a></li>
		</ul>
	
		<div class="up grid col-one-third ">
			<a href="#navtop" title="Go back up">&uarr;</a>
		</div>
		
		<nav class="grid col-one-third ">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="about.html">About</a></li>
				<li><a href="works.html">Works</a></li>
				<li><a href="applications.html">Applications</a></li>
				<li><a href="services.html">Services</a></li>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</nav>
	</footer>
</div>

</div>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="res/js/jquery-1.7.2.min.js"><\/script>')</script>
<script src="res/js/jquery.flexslider-min.js"></script>
<script src="res/js/scripts.js"></script>

<!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID. -->
<script>
  var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>